﻿<div class="header">
		    <div class="header_top">
			    <div class="logo">
				    <a href="index.html"><img src="~/Content/Images/logo.png" alt="" /></a>
			    </div>
			    <div class="cart-details">
			        <div class="shopping_cart">
					    <a href="cart.html"><img src="~/Content/mobile/images/cart.jpg" alt="" /></a>
			        </div>
	        
		       <div class="login">
		   	       <span><a href="login.html"><img src="~/Content/mobile/images/login.png" alt="" /></a></span>
		       </div>
		     <div class="clear"></div>
	     </div>
	      <div class="clear"></div>
    </div>
			        <div class="search_box">
				        <form>
				    	    <input type="text" value="Search for Products" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search for Products';}">
				    	    <input type="submit" value="SEARCH">
				        </form>
			        </div>
    <div class="primary-nav">
        <a class="toggleMenu" href="#"><span>Menu</span></a>
        @{Html.RenderAction("ModuleDanhMuc", "Home");}
    </div>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 
    <script src="~/Content/mobile/js/nav.js"></script>
	    <div class="header_bottom">
		    <div class="header_bottom_right_images">
		     	    <div id="slideshow">
					    <ul class="slides">
				    	    <li><img src="~/Content/Images/slider/1.jpg"  style="height:300px"/></li>
                            <li><img src="~/Content/Images/slider/2.jpg" style="height:300px"/></li>
                            <li><img src="~/Content/Images/slider/3.jpg" style="height:300px"/></li>
				            <div class="clear"></div>
				        </ul>
		        <span class="arrow previous"></span>
		        <span class="arrow next"></span>
		      </div>
	        </div>
		
	      <div class="clear"></div>
        </div>	
</div>
